<script lang="ts" setup>
//import formPage from "./formPage.vue";

const props = defineProps({
	modelValue: {
		type: Boolean,
		default: false,
	},
	showData: {
		type: Object,
		default: () => {},
	},
});

const emit = defineEmits<{
	(e: "update:modelValue", value: boolean): void;
}>();
const visible = computed({
	get() {
		return props.modelValue;
	},
	set(val) {
		emit("update:modelValue", !!val);
	},
});
</script>
<template>
	<el-dialog v-model="visible" title="查看用户评价" width="500px">
		<el-form :model="showData" label-width="auto">
			<el-form-item label="就诊人姓名：">{{ showData.patientName }}</el-form-item>
			<el-form-item label="性别：">{{ showData.patientSex }}</el-form-item>
			<el-form-item label="联系方式：">{{ showData.patientPhone }}</el-form-item>
			<el-form-item label="订单号：">{{ showData.orderNo }}</el-form-item>
			<el-form-item label="项目类型：">{{ showData.serviceType }}</el-form-item>
			<el-form-item label="营养项目：">{{ showData.projectName }}</el-form-item>
			<el-form-item label="临床医生：">{{ showData.doctorName }}</el-form-item>
			<el-form-item label="营养师：">{{ showData.nutritionistName }}</el-form-item>
			<el-form-item label="订单创建时间：">{{ showData.orderCreateTime }}</el-form-item>
			<el-form-item label="订单完成时间：">{{ showData.orderEndTime }}</el-form-item>
			<el-form-item label="是否展示：">
				<el-switch v-model="showData.isShow" disabled :active-value="1" :inactive-value="0" />
			</el-form-item>
			<el-form-item label="评分："> <el-rate v-model="showData.score" disabled allow-half /></el-form-item>
			<el-form-item label="评价内容：">{{ showData.content }}</el-form-item>
		</el-form>
	</el-dialog>
</template>
